<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

    </style>
</head>
<body>

</body>
<script>
    // function Fn(name,age,sex){
    //     this.sex=sex;
    //     this.name=name;
    //     this.age=age;
    // }
    // Fn.prototype.show=function(){
    //     console.log(`我是一个叫${this.name}的${this.sex}孩，今年${this.age}岁`)
    // }

    // var p1=new Fn("张新同",23,"男");
    // var p2=new Fn("王 二",32,"女");
    // p1.show();
    // p2.show();
    // console.log(p1);
    // console.log(p2);
    // console.log(p1.show===p2.show);

    class Fn{
        constructor(name,age,sex){
            // 等同于 构造函数部分：属性
        this.sex=sex;
        this.name=name;
        this.age=age;          
        }

        // 等同于构造函数的原型：方法
        show(){
        console.log(`我是一个叫${this.name}的${this.sex}孩，今年${this.age}岁`)
        }
    }
    var p1=new Fn("张新同",23,"男");
    var p2=new Fn("王 二",32,"女");
    p1.show();
    p2.show();
</script>
</html>